﻿body{margin: 0;padding: 0;}
		
		.right{width: 100%; height:500px;float:right}
		

		.right{
			position: relative;
		}   
		.right .main{
			overflow: hidden;
			}/*幻灯区域*/
		.right .main .showmain{   /*每个幻灯片样式*/

		}
		.right .main .showmain img{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		.right .ctrl{
			width: 100%;
			height: 10px;
			line-height: 10px;
			text-align: center;
			position: absolute;
			left: 0; 
			bottom:-10px;
			} /*控制区域*/

		.right .ctrl .ctrl-i{
			display:inline-block;
			width: 100px;
			height: 10px;
			background: #666;
			position: relative;
			box-shadow: 0 1px 1px rgba(0,0,0,.3);
			margin-left: 1px;
		}
		.right .ctrl .ctrl-i img{
			width: 100px; 
			position: absolute;
			left: 0;
			bottom:0px;
			z-index: 1;
			opacity: 0;
			--webkit-transition: all.3s
		}
		.right .ctrl .ctrl-i:hover{
			background-color: #f0f0f0;
		}
		.right .ctrl .ctrl-i:hover img{
			bottom: 10px;
			opacity: 1;
		}
		/*当前展示的状态*/
		.right .ctrl .ctrl-i_activity:hover,
		.right .ctrl .ctrl-i_activity{
			background-color: #000;
		}
		.right .ctrl .ctrl-i_activity:hover img{
			opacity: 0;
		}
		/*幻灯片切换样式*/
		.right .main .main-i{
			opacity: 0;
			position: absolute;
			right: 50%;
			top: 0;		
		}
		.right .main .main-i_activity{
			right: 0;
			opacity: 1;
		}